<template>
  <div class="create-classpackage">
    <!-- 顶部按钮 -->
    <top-button/>
    <div class="main-wrap">
      <!-- tabs选择 -->
      <el-tabs v-model="activeName">
        <el-tab-pane label="信息录入" name="1">
          <push-message/>
        </el-tab-pane>
        <el-tab-pane label="机构管理" name="2">
          <organization-manage v-if="activeName === '2'"/>
        </el-tab-pane>
        <el-tab-pane label="订单管理" name="3">
          <indent-manage v-if="activeName === '3'"/>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
import topButton from '../components/createclasspackage/topbutton'
import indentManage from '../components/createclasspackage/indent'
import pushMessage from '../components/createclasspackage/pushmessage'
import organizationManage from '../components/createclasspackage/organization'
export default {
  components: {
    topButton,
    pushMessage,
    indentManage,
    organizationManage
  },
  data() {
    return {
      activeName: '1'
    }
  }
}
</script>

<style lang="scss" >
.create-classpackage {
  .main-wrap {
    padding: 22px 20px;
    .el-tabs__item {
      font-size: 18px;
    }
  }
}
</style>
